<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	<title>基金会CDN - 免费超高速CDN为基础的框架！</title>
	<meta name="description" content="Free super-fast CDN for the most advanced responsive front-end framework Foundation"/>
	<meta name="author" content="jsDelivr.com"/>
	<meta name="copyright" content="jsDelivr.com. Copyright (c) 2015"/>
	<link rel="shortcut icon" href="imgs/favicon.ico" type="image/x-icon" />
	<!--<link rel="stylesheet" href="https://cdn.jsdelivr.net/normalize/3.0.3/normalize.min.css">-->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/fontawesome/4.4.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="css/app.css">
</head>
<body>
	<span id="forkongithub"><a href="https://github.com/jsdelivr/foundationcdn">Fork me on GitHub</a></span>

	<div class="inner-wrap">
		<!-- Top Nav Section -->
		<div class="top-nav">
			<div class="container">
				<nav class="top-bar">
					<!-- Logo Section -->
					<div class="title-area">
						<a href="http://foundationcdn.com/">基金会CDN</a>
					</div>
					<!-- (END) Logo Section -->
					<!-- Top-menu Section -->
					<div class="left">
						<!-- Mobile Nav Section -->
						<div class="mobile-nav">
							<div id="hamburger"><span></span></div>
							<div class="responsive-menu">
								<div class="menu-header">
									<ul id="menu-mobile-menu" class="menu">
										<li><a href="index.html">基础框架</a></li>
										<li><a href="icons.html">基金会图标</a></li>
										<li><a href="rtl.html">基金会RTL</a></li>
										<li><a href="#" id="view-features-m">我们的CDN功能</a></li>
									</ul>
								</div>
							</div>
						</div>
						<!-- (END) Mobile Nav Section -->
						<!-- Normal Nav Section -->
						<div class="menu-nav">
							<ul>
								<li><a href="index.html" class="active">基础框架</a></li>
								<li><a href="icons.html">基金会图标</a></li>
								<li><a href="rtl.html">基金会RTL</a></li>
								<li><a href="#" id="view-features">我们的CDN功能</a></li>
							</ul>
						</div>
						<!-- Normal Nav Section -->
					</div>
					<!-- (END) Top-menu Section -->
					<!-- Right Nav Section -->
					<div class="right">
						<a href="https://www.jsdelivr.com/" target="_blank" >
							<img src="imgs/jsdelivr-logo.svg" alt="A free super-fast CDN for developers and webmasters!" width="182" height="26"/>
						</a>
					</div>
					<!-- (END) Right Section -->
				</nav>
			</div>
		</div>
		<!-- (END) Top Nav Section -->
		<!-- Header Section -->
		<header>
			<!-- Centered Section in Header -->
			<div class="centered">
				<!-- Header Titles Section -->
				<div class="titles">
					<h1>FoundationCDN</h1>
					<h3><a href="https://www.jsdelivr.com/" target="_blank">超强功能 CDN</a>对于最先进的响应前端框架<a href="http://foundation.zurb.com/" target="_blank">Foundation 6</a></h3>
				</div>
				<!-- (END) Header Titles Section -->
				<!-- (END) Quick Use Section -->
				<div class="quick-use">
					<h2>快速使用:</h2>
					<div class="jsline">
						<div class="jsline-filters">
							<div class="title left">完整的JavaScript</div>
							<div class="collection right">
								<div class="checkbox-style">
									<input type="checkbox" id="addTag" value="">
									<label for="addTag">添加<b>&lt;script&gt;</b> 标签</label>
								</div>
								<div class="checkbox-style">
									<input type="checkbox" id="enableSRI" value="">
									<label for="enableSRI">启用S​​RI</label>
								</div>
							</div>
						</div>
						<input type="text" id="getjs" value="" class="form-control">
						<button class="button" title="" data-clipboard-target="getjs">
							<i class="fa fa-copy"></i> 复制
						</button>
					</div>
					<div class="cssline">
						<div class="title left">Complete CSS</div>
						<input type="text" id="getcss" value="" class="form-control">
						<button class="button" title="" data-clipboard-target="getcss">
							<i class="fa fa-copy"></i> 复制
						</button>
					</div>
				</div>
				<!-- (END) Quick Use Section -->
				<!-- Sponsors Section -->
				<div class="poweredby">
					<span>Powered by:</span>
					<div class="company">
						<a href="http://www.cedexis.com/" target="_blank">
							<img src="imgs/cedexis.png" height="72" width="244" alt="Cedexis - Real time data for real time decisions" />
						</a>
					</div>
					<div class="company">
						<a href="https://ns1.com/" target="_blank">
							<img src="imgs/ns1.png" height="72" width="94" alt="Intelligent DNS &amp; Traffic Management" />
						</a>
					</div>
					<div class="company">
						<a href="https://www.cloudflare.com/" target="_blank">
							<img src="imgs/cloudflare.png" height="72" width="168" alt="The web performance &amp; security company" />
						</a>
					</div>
					<div class="company">
						<a href="https://www.maxcdn.com/" target="_blank">
							<img src="imgs/maxcdn.png" height="72" width="192" alt="Experts in Content Delivery Network Services" />
						</a>
					</div>
					<div class="company">
						<a href="https://www.keycdn.com/" target="_blank">
							<img src="imgs/keycdn.png" height="72" width="192" alt="A high performance Content Delivery Network" />
						</a>
					</div>
				</div>
				<!-- (END) Sponsors Section -->
			</div>
			<!-- (END) Centered Section in Header -->
			<!-- Customize Button Section -->
			<div class="customize-btn">
				<button id="view-cf" class="button success">
					<i class="fa fa-gear"></i> 自定义
				</button>
			</div>
			<!-- (END) Customize Button Section -->
		</header>
		<!-- (END) Header Section -->
		<!-- Content Section -->
		<div class="content">
			<!-- Customize Bar Section -->
			<div id="block-cf" class="customize-bar">
				<div class="container">
					<div class="title">自基金会:</div>
					<input type="text" id="customjs_form">
					<div class="btns">
						<button class="button white-outline js-open-modal" data-modal-id="popup1" title="">
							<i class="fa fa-code"></i> 视图
						</button>
						<button class="button white-outline" title="" data-clipboard-target="customjs_form">
							<i class="fa fa-copy"></i> 复制
						</button>
						<a id="download-link" href="#" class="button white-outline" target="_blank">
							<i class="fa fa-download"></i> 下载
						</a>
					</div>
				</div>
			</div>
			<!-- (END) Customize Bar Section -->
			<div class="push-bar"></div>
			<!-- Customize Fileds Section -->
			<div class="customize-feilds">
				<div class="container">
					<div class="cf-header">
						<div class="left">
							<div class="author">
								<i class="fa fa-github"></i> Zurb.com
							</div>
							<div class="versions">
								<a class="dropdown" data-dropdown="include-selected-version-from-JSON"><span id="selected-version"></span> <i class="fa fa-angle-down"></i></a>
  								<ul id="version-dropdown"></ul>
							</div>
							<div class="name">基础</div>
							<div class="descr">世界上最先进的响应前端框架</div>
						</div>

						<div class="btns">
							<a href="https://api.jsdelivr.com/v1/jsdelivr/libraries?name=foundation" class="button" target="_blank">
								<i class="fa fa-gear"></i> API
							</a>
							<a href="http://foundation.zurb.com" class="button" target="_blank">
								<i class="fa fa-link"></i> 项目页面
							</a>
						</div>
					</div>
					<div class="cf-list">
						<div class="cfl-get">
							<span>CDN 文件:</span>
							<div class="all-links switch right">
								<span>选择全部</span>
								<input id="get-all-links" type="checkbox" value="">
								<label for="get-all-links"></label>
							</div>
						</div>

						<ul id="cdn-files-list"></ul>
					</div>
				</div>
			</div>
			<!-- (END) Customize Fileds Section -->
		</div>
		<!-- (END) Content Section -->
		<!-- Footer Section (Our CDN Features) -->
		<footer id="our-features">
			<div class="container">
				<div class="ocf-title">我们的CDN功能:</div>
				<!-- Features List Section -->
				<div class="features">
					<div class="item">
						<img src="imgs/multicdn.png" height="88" width="150" alt="FREE multi-cdn">
						<h3>超高速的多CDN</h3>
					</div>
					<div class="item">
						<img src="imgs/smartbalansing.png" height="88" width="150" alt="load balancing">
						<h3>负载均衡</h3>
					</div>
					<div class="item">
						<img src="imgs/api.png" height="88" width="150" alt="A real API">
						<h3>一个真正的API</h3>
					</div>
				<div class="item">
						<img src="imgs/combinefiles.png" height="88" width="150" alt="Combine Files">
						<h3>合并文件</h3>
					</div>
					<div class="item">
						<img src="imgs/autoupdates.png" height="88" width="150" alt="Automatic Updates">
						<h3>查看所有特性</h3>
					</div>
				</div> 
				<!-- (END) Features List Section -->
				<!-- Customize Button Section -->
				<div class="all-features">
					<a href="http://www.jsdelivr.com/features/jsdelivr-cdn-features" target="_blank" class="button">
						<i class="fa fa-eye"></i>  See All Features
					</a>
				</div>
				<!-- (END) Customize Button Section -->
			</div>
		</footer>
		<!-- (END) Footer Section (Our CDN Features) -->
	</div>
	<div id="popup1" class="modal-box">
			<div class="cnt">
				<div class="top">
					<div class="title left">定制:</div>
					<div class="collection left">
						<div class="checkbox-style">
							<input type="checkbox" id="groupLinksM" value="">
							<label for="groupLinksM">合并链接</label>
						</div>
						<div class="checkbox-style">
							<input type="checkbox" id="addTagM" value="">
							<label for="addTagM">添加 <b>&lt;script&gt;</b> 标签</label>
						</div>
						<div class="checkbox-style">
							<input type="checkbox" id="enableSRIM" value="">
							<label for="enableSRIM">启用安全(SRI)</label>
						</div>
					</div>
					<a href="" class="js-modal-close close">
						<i class="fa fa-close"></i>
					</a>
				</div>
				<div class="bottom">
					<ul id="fileListM"></ul>
				</div>
			</div>
		</div>
</body>
<script src="https://cdn.jsdelivr.net/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/zeroclipboard/2.2.0/ZeroClipboard.min.js"></script>
<script>window.app = { projectName: 'foundation' };</script>
<script src="js/app.js"></script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-71023756-1', 'auto');
  ga('send', 'pageview');

</script>
</html>